<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" style="height:100%">
<head>
    <link rel="stylesheet" type="text/css" href="/static/css/admin/pic.css">
    <link rel="stylesheet" type="text/css" href="/static/lib/webuploader/0.1.5/webuploader.css">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!--调用相机css-->
    <style>
        .a-camera input {
            position: absolute;
            font-size: 100px;
            right: 0;
            top: 0;
            opacity: 0;
        }
        .a-camera:hover {
            background: #AADFFD;
            border-color: #78C3F3;
            color: #004974;
            text-decoration: none;
        }
        .a-camera {
            position: relative;
            display: inline-block;
            background: #D0EEFF;
            border: 1px solid #99D3F5;
            border-radius: 4px;
            padding: 4px 12px;
            overflow: hidden;
            color: #1E88C7;
            text-decoration: none;
            text-indent: 0;
            line-height: 20px;
        }
        .head-div,#info > span{
            font-size:34px;
        }
    </style>
    <title></title>
</head>
<body style="height:100%">
<div style="height:100%">
    <content class="page-container" >
        <div class="head-div" style="height:20%">
            <p style="font-size: 40px;font-weight: bold ">尊敬的经销商：</p>
            <P style="text-indent:35px;font-weight: bold">您好！感谢您的支持。</p>
            <P style="text-indent:35px;font-weight: bold">您可通过本页面上传图片等信息，谢谢。</p>
        </div>
        <div id="container" style="width: 60%;height:30%;margin: 0 auto;">
            <div class="uploader-list-container">
                <div class="queueList">
                    <div id="dndArea" class="placeholder">
                        <div id="filePicker-2"></div>
                        <p>提交照片，单次最多可选5张</p>
                    </div>
                </div>
                <div class="statusBar" style="display:none;">
                    <div class="progress"><span class="text">0%</span> <span class="percentage"></span></div>
                    <div class="info"></div>
                    <div class="btns">
                        <div id="filePicker2"></div>
                        <div class="uploadBtn">开始上传</div>
                    </div>
                </div>
            </div>
        </div>
        <div id="info" style="height:20%">

                <div >
                    <span style="padding:0 20px;vertical-align:50%;font-size: 40px">备注:</span>
                </div>
            <div >
                <textarea rows=5  id="note" type="text" style="width:100%;line-height: 40px;font-size: 30px"></textarea>
            </div>
                <input id="id" th:value="${id}" type="hidden">

        </div>
    </content>
</div>

<!--请在下方写此页面业务相关的脚本-->
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript" src="/static/lib/webuploader/0.1.5/webuploader.min.js"></script>
<script type="text/javascript" src="/static/js/admin/uploadpic.js"></script>
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>